<template>
  <div class="item-outer">
    <h2>{{title}}分类</h2>
    <ul>
        <li v-for="item in content" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Item",
  props: ["id", "content", "title"],
};
</script>

<style scoped>
    .item-outer{
        width: 250px;
        height: 400px;
        border: 1px solid #666;
        background-color: aqua;
    }
    .item-outer h2{
        background: hotpink;
    }
</style>